/**
 * 监听页面滚动
 */
$(function () {
    $(window).scroll(function () {
        var scrollTop = $(window).scrollTop();
        // 滚动到页面顶部时的操作
        // console.log(scrollTop)
        let topMaskHeight = $('.topMask').height();
        if (scrollTop === 0) {
            // 操作代码
        }
        var elementOffset = $('#transerBox').height();
        // console.log(elementOffset)
        if (scrollTop >= elementOffset) {
            // 操作代码
            // console.log('zhongjian')
            // return
        } else {
            let strNumber = scrollTop / 5
            $('#transerBox').css({ transform: "translate3d( 0," + -strNumber + "px, 0)", zIndex: 1 })
        }
        /**
         *第二层滚动动画 
        */
        let contentInfoHeight = $('#contentInfo').height();
        if (scrollTop >= (elementOffset / 3)) {
            $('#nftIntroduce').addClass('chipBoxText2')
            // console.log('contentInfoHeight')
        } else {
            $('#nftIntroduce').removeClass('chipBoxText2')
        }
        /**
        *第三层滚动动画 
       */
        let content2Height = $('#content2').height()
        if (scrollTop >= topMaskHeight+(content2Height/3)) {
            $('#content2 .content_2_content').addClass('content_2_contentTranser')
            $('#content2 .imageContent').addClass('imageContentTranser')
            // console.log('elementOffset+contentInfoHeight',(+(contentInfoHeight/3)))
        } else {
            $('#content2 .content_2_content').removeClass('content_2_contentTranser')
            $('#content2 .imageContent').removeClass('imageContentTranser')
        }

        // 滚动到页面底部时的操作
        if (scrollTop + $(window).height() === $(document).height()) {
            // 操作代码
            console.log('windowEnd')
        }
        // 
        // 第四层动画
        let content3Height = $('.content_3').height()
        if(scrollTop>=((topMaskHeight+content2Height)+(content3Height/4))){
            // console.log('第四层动画')
            // $('#leftContentImage3').addClass('conten3AnimationLeft')
        }
    }).scrollEnd(function () {
        // 滚动结束时的操作代码
    });
})